<template>
	<view class="ui_avatar">
		<view class="ui_avatar_content" :class="item.type || 'normal'"><image style="width:100%;height:100%;" :src="item.image" mode="aspectFill" :lazy-load="true"></image></view>
	</view>
</template>
<script>
export default {
	props: {
		item: {
			type: Object,
			default() {
				return {};
			}
		}
	},
	data() {
		return {};
	}
};
</script>
<style lang="less">
.ui_avatar {
	.ui_avatar_content {
		overflow: hidden;
		&.small {
			width: 48rpx;
			height: 48rpx;
			border-radius: 50%;
		}
		&.normal {
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
		}
		&.large {
			width: 120rpx;
			height: 120rpx;
			border-radius: 50%;
		}
	}
}
</style>
